<!DOCTYPE html>
<!-- saved from url=(0055)https://m.zuche.com/html5/newversion/order/vehicle.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<link href="http://m.zuche.com/" rel="dns-prefetch">
<title>神州租车—中国租车领导者!天天超低价!!!</title>
<meta name="description"
	content="神州租车-全国70大城市,90大机场高铁,万辆新车,不限里程,价格超低,手续便捷,服务尽心,24小时服务,携手贝克汉姆共启云战略.Tel:400-616-6666">
<meta name="keywords"
	content="租车，租车网，租车公司，汽车租赁，H_lYMbU-rQ0RUInbjlkbxqyQBhQ">
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="神州租车">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="baidu-tc-cerfication"
	content="55c603db1cd78c7f7ab7686162824f23">
<meta name="WT.si_n" content="duanZuZiJia">
<meta name="WT.si_p" content="2_xuanChe">
<link type="text/css" rel="stylesheet"
	href="/css/H5phone/carType/common@ee713f7a54.css">
<link type="text/css" rel="stylesheet"
	href="/css/H5phone/carType/zcbase@b22e88b759.css">
<link type="text/css" rel="stylesheet"
	href="/css/H5phone/carType/zcorder@ccf5099280.css">
</head>
<body class="vl">
	<header class="zc_header_bd">
		<div class="getback" style="white-space: normal"
			data-url="/html5/newversion/som/rent.html">
			<span class="getbackimg">&nbsp;</span>
		</div>
		<h1 class="header_title" id="page_title">车型列表</h1>
		<!-- <a class="goHome" href="/html5/newversion/index.html"><span>回首页</span></a>  -->
		<div class="homeback">
			<span class="homebackimg">&nbsp;</span>
		</div>
	</header>
	<div class="hotel-page-pt50 zc_common hotel-page-pb50">
		<div class="bh-hdtips" style="display: none">
			<a> <i class="horn-icon"></i> <span class="txt"></span>
			</a>
		</div>
		<div class="bh-hdtipsnew" style="display: none"></div>
		<div class="pt10" id="orderlist">

			<#list carTypelist as list>
			<dl class="zc_order_bd">
				<dt class="right_sale order_choice_sub">
					<span class="vehicle" data-vehicleId="${list.carBrandID}">${list.vehicleBrandName}<i class="carType" data-carTypeId="${list.carTypeId}">${list.carTypeName}</i></span>
					<div class="label-new"></div>
					<p>三厢|1.5自动|乘坐5人</p>
				</dt>
				<dd class="carimg order_choice_sub">
					<img src="/css/H5phone/carType/842.png">

				</dd>


				<dd class="order_pricecal_bd">

					<div class="mfl">
						<span class="price fl order_choice_sub"><dfn>¥</dfn><c>${list.theRent?c}</c><i
							class="price_info">/日均</i></span> <span class="calendar_bd fr"><i
							class="calendar_icon"></i>每日租金<i class="gray_down"></i></span>

					</div>


					<div class="rentcalendar">
						<ol>
							<li>周一</li>
							<li>周二</li>
							<li>周三</li>
							<li>周四</li>
							<li>周五</li>
							<li>周六</li>
							<li>周日</li>
						</ol>
						<ul>

							<li></li>



							<li></li>



							<li></li>



							<li></li>



							<li></li>



							<li class=" "><span class="day">24</span> <span
								class="price_c">¥180</span> <span class="sale_icon"></span></li>



							<li class="cal_cur "><span class="day">25</span> <span
								class="price_c">¥168</span> <span class="sale_icon"></span></li>



							<li class="cal_cur "><span class="day">26</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">27</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">28</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">29</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">30</span> <span
								class="price_c">¥168</span> <span class="sale_icon"></span></li>



							<li class=" "><span class="day">01</span> <span
								class="price_c">¥168</span> <span class="sale_icon"></span></li>



							<li class=" "><span class="day">02</span> <span
								class="price_c">¥168</span> <span class="sale_icon"></span></li>



							<li class=" "><span class="day">03</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">04</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">05</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">06</span> <span
								class="price_c">¥${list.theRent?c}</span> <span
								class="sale_icon"></span></li>



							<li class=" "><span class="day">07</span> <span
								class="price_c">¥168</span> <span class="sale_icon"></span></li>



							<li class=" "><span class="day">08</span> <span
								class="price_c">¥168</span> <span class="sale_icon"></span></li>



							<li class=" "><span class="day">09</span> <span
								class="price_c">¥168</span> <span class="sale_icon"></span></li>


						</ul>
					</div>

				</dd>
			</dl>
			</#list>


		</div>

		<!-- 底部筛选 -->

		<div class="order_screen_bd">
			<#if val==0||val==1>
			<div class="fl" data=2>
				<span class="price_up_icon"></span> <span>价格由低到高</span>
			</div>
			<div class="fr"
				onclick="window.location.href='/jump/screen';">
				<span class="screen_icon"></span> 筛选
			</div>
			<#else>
			<div class="fl" data=1>
				<span class="price_up_icon"
					style="background-position: -114px -83px"></span> <span>价格由高到低</span>
			</div>
			<div class="fr"
				onclick="window.location.href='/jump/screen';">
				<span class="screen_icon"></span> 筛选
			</div>
			</#if>

		</div>

		<!-- 单个机动车的模板 -->
		<script id="vehicleTemplate" type="text/x-jsrender" data-jsv-tmpl="_1">
		<dl class="zc_order_bd {{if !have}}order_car_none{{/if}}">
            <dt {{if have}}class="right_sale order_choice_sub"{{/if}}>{{>vehicleName}}
				<div class="label-new">
					{{if specialCarDesc}}<span class="bh-ticon te-ticon">特</span>{{/if}}
					{{if hotCarDesc}}<span class="bh-ticon re-ticon">热</span>{{/if}}
               		{{if newCarDesc}}<span class="bh-ticon xin-ticon">新</span>{{/if}}
                </div>
				<p>{{>vehicleDesc}}</p>
            </dt>
            
			<dd class="carimg order_choice_sub">
				<img src="{{>vehiclePic}}">
				{{for activeList}}
					{{if activityCode == 'self_take_return'}}
					<span class="forself" data-title="{{>huodongtitle}}" data-con="{{>activeTips}}">部分车辆自助取还</span>
					{{/if}}
				{{/for}}
			</dd>
			
			{{for activeList}}
				{{if activityCode != 'self_take_return'}}
	 			<dd class="favorable" tip="{{:activeTips}}" url="{{:tipsUrl}}" title="{{:huodongtitle}}">
					<div class="mfl"><span class="fav_icon">{{if imageFlag == "1"}}惠{{else imageFlag == "2"}}热{{/if}}</span>{{>imageTips}}</div>
				</dd>
				{{/if}}
			{{/for}}
			{{if have}}
            <dd  {{if rentType==1 && price.daydetails}}class="order_pricecal_bd"{{/if}}>
				{{if rentType==3 || rentType==4 || rentType==5}}
				<div class="mfl">
                    <span class="price fl order_choice_sub">
						<i class="price_info">
						{{if rentType==3}}
            				周租价
						{{else rentType==4}}
            				月租价
						{{else rentType==5}}
            				工作日价
						{{/if}}
						</i><dfn>¥</dfn>{{>price.packagePrice}}
					</span>
                    {{if price.totalPrice-price.packagePrice > 0}}
                    	<span class="fr pr15">
                        	<p class="e_price">省¥{{>price.totalPrice-price.packagePrice}}</p>
                        	<p class="n-r_price">原¥{{>price.totalPrice}}</p>
                    	</span>
					{{/if}}
                </div>
				{{else}}
                <div class="mfl">
                    <span class="price fl order_choice_sub"><dfn>¥</dfn>{{>price.meanprice}}<i class="price_info">/日均</i></span>
                    {{if price.daydetails!=''}}
						<span class="calendar_bd fr"><i class="calendar_icon"></i>每日租金<i class="gray_down"></i></span>
                    {{/if}}
                </div>
				{{/if}}
				{{if rentType==1 && price.daydetails}}
				<div class="rentcalendar">
					<ol><li>周一</li><li>周二</li><li>周三</li><li>周四</li><li>周五</li><li>周六</li><li>周日</li></ol>
					<ul>{{for price.daydetails}}
						{{if date}}
						<li class="{{if lease}}cal_cur{{/if}} {{if isSpecial == 1}}cal_sale{{/if}}">
                            <span class="day">{{>date}}</span>
                            <span class="price_c">¥{{>price}}</span>
                            <span class="sale_icon"></span>
                        </li>
						{{else}}
						<li></li>
						{{/if}}
						{{/for}}
					</ul>
				</div>
				{{/if}}
			</dd>
			{{else}}
			<dd class="none"><div class="mfl"><span class="none_icon">满</span>该车型已租满</div></dd>
            <dd>
                <div class="mfl">
                    <span class="price fl"><dfn>¥</dfn>{{>price.meanprice}}<i class="price_info">/日均</i></span>
                    <span class="fr" ><input type="button" class="zc_newgreen_but" value="更换门店" carId="{{:vehicleId}}"></span>
                </div>
            </dd>
			{{/if}}
			{{if have && price.type}}
			<div class="cd-popup" length="{{:price.typeNum}}">
    			<div class="order_price_bd">
        		<dl class="zc_order_bd" carId ="{{:vehicleId}}">
            		<dt>{{>vehicleName}}<p>{{>vehicleDesc}}</p><p>租期 <span class="number">{{>rentDays}}</span>天</p></dt>
            		<dd class="carimg"><img src="{{>vehiclePic}}"></dd>
					{{for price.type}}
            		<dd onclick="selectCar(this,{{:orderType}},{{:productType}},{{:totalRentPrice}},{{:v}});">
                		<span class="fl">{{>k}}</span>
                		<span class="fr price"><dfn>¥</dfn>{{>v}}<i class="price_info">/日均</i></span>
            		</dd>
					{{/for}}
        		</dl>
    			</div>
			</div>
			{{/if}}
		</dl>
		</script>

		<script id="modeListTemplate" type="text/x-jsrender"
			data-jsv-tmpl="_0">
			{{if modeList.length == 0 }}
				<div class="red big" style="text-align:center">没有符合条件的车辆，请重新选择</div>
			{{else}}
				{{for modeList tmpl='#vehicleTemplate'}}
				{{/for}}
			{{/if}}		
		</script>
		<script id="tipsTemplate" type="text/x-jsrender">
			<div id="activity_top" class="hd-vcon" {{if alertTips}}tip="{{:alertTips}}"{{/if}}>
				<span class="tips">{{>carListTopTips}}</span>
				<i class="close-icon"></i>
			</div>
		</script>
		<script type="text/javascript"
			src="/css/H5phone/carType/jquery-1.7.1.min@db2cccefed.js.下载"></script>

		<div id="loading-mask" class="mask" style="display: none;">
			<div class="loading-new">
				<span class="l-logo"></span><span class="l-film animate-loading"></span>
			</div>
		</div>
		<script type="text/javascript">
		
			$(".calendar_bd.fr").toggle(
					function(){
						$(this).parents(".order_pricecal_bd").find(".rentcalendar").css("display","block")
					},	
					function(){
						$(this).parents(".order_pricecal_bd").find(".rentcalendar").css("display","none")
					}
			);
			$(".right_sale.order_choice_sub").click(function(){
				var brandid=$(this).find(".vehicle").data("vehicleid");
				var cartypeid=$(this).find(".carType").data("cartypeid");
				var theRent=parseFloat($(this).parents(".zc_order_bd").find(".price.fl.order_choice_sub").find("c").text());
				$.ajax({
					type:'post',
					url:'/jump/chooseService',
					data:{
						"carBrandId":brandid,
						"carModelId":parseInt(cartypeid),
						"theRent":theRent
					},
					dataType:'json',
					success: function(data) {
						if(data){
							window.location.href="/jump/tochooseService"
						}
						else{
							window.alert("该车辆库存已空")
						}
					},
					error:function(){
						window.alert("操作错误")
					}
				});
				/* window.location.href="/jump/chooseService?carBrandId="+brandid+"&carModelId="+parseInt(cartypeid)+"&theRent="+theRent; */
			})
		$(".getback").click(function(){
			window.location.href="/jump/daodianquhuan?zctype="+"1"+"&hccity="+""+"&qccity="+"";;
		})
		$(".homeback").click(function(){
			window.location.href="/jump/toPhoneHomePage";
		})
		$(".fl").click(function(){
			var val=$(this).attr("data");
			window.location.href="/jump/carType?val="+val;
		})
	</script>
</body>
</html>